<!DOCTYPE html>
<html lang="zh-CN" data-theme="light">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"
    />
    <title>Blog</title>
    <link rel="stylesheet" href="./css/global.css" />
    <link rel="stylesheet" href="./css/index.css" />
    <link rel="stylesheet" href="./css/all.min.css" />
    <script src="https://unpkg.com/typed.js@2.0.16/dist/typed.umd.js"></script>
  </head>

  <body>
    <div id="sidebar">
      <div id="menu-mask"></div>
      <div id="sidebar-menus">
        <div class="avatar-img is-center">
          <img src="./assets/avatar.jpg" />
        </div>
        <div class="site-data is-center">
          <div class="data-item">
            <a href="javascript:void(0);"
              ><div class="headline">文章</div>
              <div class="length-num">47</div></a
            >
          </div>
          <div class="data-item">
            <a href="javascript:void(0);"
              ><div class="headline">标签</div>
              <div class="length-num">57</div></a
            >
          </div>
          <div class="data-item">
            <a href="javascript:void(0);"
              ><div class="headline">分类</div>
              <div class="length-num">27</div></a
            >
          </div>
        </div>
        <hr />
        <div class="menus_items">
          <div class="menus_item">
            <a class="site-page" href="javascript:void(0);"
              ><i class="fa-fw fa-solid fa-house"></i><span> 首页</span></a
            >
          </div>
          <div class="menus_item">
            <a class="site-page group" href="javascript:void(0);"
              ><i class="fa-fw fa-solid fa-paper-plane"></i><span> 文章</span
              ><i class="fas fa-chevron-down"></i
            ></a>
            <ul class="menus_item_child">
              <li>
                <a class="site-page child" href="javascript:void(0);"
                  ><i class="fa-fw fas fa-tags"></i><span> 标签</span></a
                >
              </li>
              <li>
                <a class="site-page child" href="javascript:void(0);"
                  ><i class="fa-fw fa-solid fa-folder-tree"></i
                  ><span> 分类</span></a
                >
              </li>
              <li>
                <a class="site-page child" href="javascript:void(0);"
                  ><i class="fa-fw fas fa-archive"></i><span> 归档</span></a
                >
              </li>
            </ul>
          </div>
          <div class="menus_item">
            <a class="site-page group" href="javascript:void(0);"
              ><i class="fa-fw fa-solid fa-book-open-reader"></i
              ><span> 阅读</span><i class="fas fa-chevron-down"></i
            ></a>
            <ul class="menus_item_child">
              <li>
                <a class="site-page child" href="javascript:void(0);"
                  ><i class="fa-fw fa-solid fa-map"></i><span> 探寻</span></a
                >
              </li>
              <li>
                <a class="site-page child" href="javascript:void(0);"
                  ><i class="fa-fw fa-solid fa-feather-pointed"></i
                  ><span> 摘录</span></a
                >
              </li>
              <li>
                <a class="site-page child" href="javascript:void(0);"
                  ><i class="fa-fw fa-solid fa-file-signature"></i
                  ><span> 体悟</span></a
                >
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>
    <div class="page" id="body-wrap">
      <!-- 顶部 banner -->
      <header
        class="full_page"
        id="page-header"
        style="background-image: url('./assets/banner.jpg')"
      >
        <!-- 导航 -->
        <nav id="nav" class="show">
          <span id="blog_name">
            <a id="site-name" href="javascript:void(0);">HZNU's Blog</a>
          </span>
          <div id="menus">
            <div id="search-button">
              <a class="social-icon search">
                <i class="fas fa-search fa-fw"></i>
                <span> 搜索</span>
                <input
                  type="text"
                  class="search-input"
                  placeholder="请输入搜索内容"
                />
              </a>
            </div>
            <div class="menus_items">
              <div class="menus_item">
                <a class="site-page" href="javascript:void(0);"
                  ><i class="fa-fw fa-solid fa-house"></i><span> 首页</span></a
                >
              </div>
              <div class="menus_item">
                <a class="site-page group" href="javascript:void(0);"
                  ><i class="fa-fw fa-solid fa-paper-plane"></i
                  ><span> 文章</span><i class="fas fa-chevron-down"></i
                ></a>
                <ul class="menus_item_child">
                  <li>
                    <a class="site-page child" href="./404.html"
                      ><i class="fa-fw fas fa-tags"></i><span> 标签</span></a
                    >
                  </li>
                  <li>
                    <a class="site-page child" href="javascript:void(0);"
                      ><i class="fa-fw fa-solid fa-folder-tree"></i
                      ><span> 分类</span></a
                    >
                  </li>
                  <li>
                    <a class="site-page child" href="/editor.html"
                      ><i class="fa-fw fas fa-archive"></i><span> 发表</span></a
                    >
                  </li>
                </ul>
              </div>
              <div class="menus_item">
                <a class="site-page group" href="javascript:void(0);"
                  ><i class="fa-fw fa-solid fa-book-open-reader"></i
                  ><span> 阅读</span><i class="fas fa-chevron-down"></i
                ></a>
                <ul class="menus_item_child">
                  <li>
                    <a class="site-page child" href="javascript:void(0);"
                      ><i class="fa-fw fa-solid fa-map"></i
                      ><span> 探寻</span></a
                    >
                  </li>
                  <li>
                    <a class="site-page child" href="javascript:void(0);"
                      ><i class="fa-fw fa-solid fa-feather-pointed"></i
                      ><span> 摘录</span></a
                    >
                  </li>
                  <li>
                    <a class="site-page child" href="javascript:void(0);"
                      ><i class="fa-fw fa-solid fa-file-signature"></i
                      ><span> 体悟</span></a
                    >
                  </li>
                </ul>
              </div>
            </div>
            <div id="toggle-menu">
              <a class="site-page"><i class="fas fa-bars fa-fw"></i></a>
            </div>
          </div>
        </nav>

        <!-- 网站信息 -->
        <div id="site-info">
          <h1 id="site-title">HZNU's Blog</h1>
        </div>

        <!-- 下滑 -->
        <div id="scroll-down">
          <i class="fas fa-angle-down scroll-down-effects"></i>
        </div>
      </header>

      <main class="layout" id="content-inner">
        <div class="recent-posts" id="recent-posts">
          <!-- 文章列表 -->
          <div class="recent-post-item">
            <div class="post_cover left">
              <a href="javascript:void(0);" title="《卓有成效的工程师》摘录"
                ><img
                  class="post_bg entered loaded"
                  src="./assets/article.jpg"
                  alt="《卓有成效的工程师》摘录"
              /></a>
            </div>
            <div class="recent-post-info">
              <a
                class="article-title"
                href="javascript:void(0);"
                title="《卓有成效的工程师》摘录"
                >《卓有成效的工程师》摘录</a
              >
              <div class="article-meta-wrap">
                <span class="post-meta-date"
                  ><i class="far fa-calendar-alt"></i
                  ><span class="article-meta-label">发表于</span
                  ><time
                    class="post-meta-date-created"
                    datetime="2023-09-04T12:48:53.000Z"
                    title="发表于 2023-09-04 20:48:53"
                    >2023-09-04</time
                  ><span class="article-meta-separator">|</span
                  ><i class="fas fa-history"></i
                  ><span class="article-meta-label">更新于</span
                  ><time
                    class="post-meta-date-updated"
                    datetime="2023-09-16T16:29:15.000Z"
                    title="更新于 2023-09-17 00:29:15"
                    >2023-09-17</time
                  ></span
                ><span class="article-meta"
                  ><span class="article-meta-separator">|</span
                  ><i class="fas fa-inbox"></i
                  ><a
                    class="article-meta__categories"
                    href="javascript:void(0);"
                    >Booknote</a
                  ><i class="fas fa-angle-right article-meta-link"></i
                  ><a
                    class="article-meta__categories"
                    href="javascript:void(0);"
                    >工程师</a
                  ><i class="fas fa-angle-right article-meta-link"></i
                  ><a
                    class="article-meta__categories"
                    href="javascript:void(0);"
                    >效能</a
                  ></span
                ><span class="article-meta tags"
                  ><span class="article-meta-separator">|</span
                  ><i class="fas fa-tag"></i
                  ><a class="article-meta__tags" href="javascript:void(0);"
                    >效率</a
                  ><span class="article-meta-link">•</span
                  ><a class="article-meta__tags" href="javascript:void(0);"
                    >工程师</a
                  ></span
                >
              </div>
              <div class="content">
                见字如晤 书名: 卓有成效的工程师 作者: [美]EdmondLau 出版年份:
                2023-7 评分: 8.7 .douban-card-block { display: flex;
                justify-content: center; align-items: center; width: 100%;
                max-height: 400px; } .douban-card { display: flex; margin: 30px
                10px; padding: 15px; border-radius: 15px; position: relative;
                justify-content: cent ...
              </div>
            </div>
          </div>
          <div class="recent-post-item">
            <div class="post_cover right">
              <a href="javascript:void(0);" title="《原则》摘录"
                ><img class="post_bg entered loaded" src="./assets/article.jpg"
              /></a>
            </div>
            <div class="recent-post-info">
              <a
                class="article-title"
                href="javascript:void(0);"
                title="《原则》摘录"
                >《原则》摘录</a
              >
              <div class="article-meta-wrap">
                <span class="post-meta-date"
                  ><i class="far fa-calendar-alt"></i
                  ><span class="article-meta-label">发表于</span
                  ><time
                    class="post-meta-date-created"
                    datetime="2023-06-22T15:36:02.000Z"
                    title="发表于 2023-06-22 23:36:02"
                    >2023-06-22</time
                  ><span class="article-meta-separator">|</span
                  ><i class="fas fa-history"></i
                  ><span class="article-meta-label">更新于</span
                  ><time
                    class="post-meta-date-updated"
                    datetime="2023-09-06T16:01:17.000Z"
                    title="更新于 2023-09-07 00:01:17"
                    >2023-09-07</time
                  ></span
                ><span class="article-meta"
                  ><span class="article-meta-separator">|</span
                  ><i class="fas fa-inbox"></i
                  ><a
                    class="article-meta__categories"
                    href="javascript:void(0);"
                    >Booknote</a
                  ><i class="fas fa-angle-right article-meta-link"></i
                  ><a
                    class="article-meta__categories"
                    href="javascript:void(0);"
                    >原则</a
                  ></span
                ><span class="article-meta tags"
                  ><span class="article-meta-separator">|</span
                  ><i class="fas fa-tag"></i
                  ><a class="article-meta__tags" href="javascript:void(0);"
                    >原则</a
                  ></span
                >
              </div>
              <div class="content">
                见字如晤 书名: 原则 作者: [美]瑞·达利欧 出版年份: 2018-1 评分:
                8.3 .douban-card-block { display: flex; justify-content: center;
                align-items: center; width: 100%; max-height: 400px; }
                .douban-card { display: flex; margin: 30px 10px; padding: 15px;
                border-radius: 15px; position: relative; justify-content:
                center; al ...
              </div>
            </div>
          </div>
          <div class="recent-post-item">
            <div class="post_cover left">
              <a href="javascript:void(0);" title="《思考，快与慢》摘录"
                ><img
                  class="post_bg entered loaded"
                  src="./assets/article.jpg"
                  alt="《思考，快与慢》摘录"
              /></a>
            </div>
            <div class="recent-post-info">
              <a
                class="article-title"
                href="javascript:void(0);"
                title="《思考，快与慢》摘录"
                >《思考，快与慢》摘录</a
              >
              <div class="article-meta-wrap">
                <span class="post-meta-date"
                  ><i class="far fa-calendar-alt"></i
                  ><span class="article-meta-label">发表于</span
                  ><time
                    class="post-meta-date-created"
                    datetime="2023-04-25T15:36:54.000Z"
                    title="发表于 2023-04-25 23:36:54"
                    >2023-04-25</time
                  ><span class="article-meta-separator">|</span
                  ><i class="fas fa-history"></i
                  ><span class="article-meta-label">更新于</span
                  ><time
                    class="post-meta-date-updated"
                    datetime="2023-04-25T15:40:32.000Z"
                    title="更新于 2023-04-25 23:40:32"
                    >2023-04-25</time
                  ></span
                ><span class="article-meta"
                  ><span class="article-meta-separator">|</span
                  ><i class="fas fa-inbox"></i
                  ><a
                    class="article-meta__categories"
                    href="javascript:void(0);"
                    >Booknote</a
                  ><i class="fas fa-angle-right article-meta-link"></i
                  ><a
                    class="article-meta__categories"
                    href="javascript:void(0);"
                    >思维</a
                  ></span
                ><span class="article-meta tags"
                  ><span class="article-meta-separator">|</span
                  ><i class="fas fa-tag"></i
                  ><a class="article-meta__tags" href="javascript:void(0);"
                    >思维</a
                  ></span
                >
              </div>
              <div class="content">
                见字如晤 书名: 思考，快与慢 作者: [美国]丹尼尔·卡尼曼 出版年份:
                2012-7 评分: 8.1 .douban-card-block { display: flex;
                justify-content: center; align-items: center; width: 100%;
                max-height: 400px; } .douban-card { display: flex; margin: 30px
                10px; padding: 15px; border-radius: 15px; position: relative;
                justify-content: center; ...
              </div>
            </div>
          </div>
          <div class="recent-post-item">
            <div class="post_cover left">
              <a
                href="javascript:void(0);"
                title="《异类：不一样的成功启示录》摘录"
                ><img
                  class="post_bg entered loaded"
                  src="./assets/article.jpg"
                  alt="《异类：不一样的成功启示录》摘录"
              /></a>
            </div>
            <div class="recent-post-info">
              <a
                class="article-title"
                href="javascript:void(0);"
                title="《异类：不一样的成功启示录》摘录"
                >《异类：不一样的成功启示录》摘录</a
              >
              <div class="article-meta-wrap">
                <span class="post-meta-date"
                  ><i class="far fa-calendar-alt"></i
                  ><span class="article-meta-label">发表于</span
                  ><time
                    class="post-meta-date-created"
                    datetime="2023-04-19T15:01:41.000Z"
                    title="发表于 2023-04-19 23:01:41"
                    >2023-04-19</time
                  ><span class="article-meta-separator">|</span
                  ><i class="fas fa-history"></i
                  ><span class="article-meta-label">更新于</span
                  ><time
                    class="post-meta-date-updated"
                    datetime="2023-05-18T14:41:05.000Z"
                    title="更新于 2023-05-18 22:41:05"
                    >2023-05-18</time
                  ></span
                ><span class="article-meta"
                  ><span class="article-meta-separator">|</span
                  ><i class="fas fa-inbox"></i
                  ><a
                    class="article-meta__categories"
                    href="javascript:void(0);"
                    >Booknote</a
                  ><i class="fas fa-angle-right article-meta-link"></i
                  ><a
                    class="article-meta__categories"
                    href="javascript:void(0);"
                    >异类</a
                  ></span
                ><span class="article-meta tags"
                  ><span class="article-meta-separator">|</span
                  ><i class="fas fa-tag"></i
                  ><a class="article-meta__tags" href="javascript:void(0);"
                    >异类</a
                  ></span
                >
              </div>
              <div class="content">
                见字如晤 书名: 异类 作者: 马尔科姆·格拉德威尔 出版年份: 2014-5
                评分: 8.0 .douban-card-block { display: flex; justify-content:
                center; align-items: center; width: 100%; max-height: 400px; }
                .douban-card { display: flex; margin: 30px 10px; padding: 15px;
                border-radius: 15px; position: relative; justify-content:
                center; ...
              </div>
            </div>
          </div>

          <!-- 分页器 -->
          <nav id="pagination">
            <div class="pagination">
              <span class="page-number current">1</span
              ><a class="page-number" href="javascript:void(0);">2</a
              ><span class="space">…</span
              ><a class="page-number" href="javascript:void(0);">5</a
              ><a class="extend next" rel="next" href="javascript:void(0);"
                ><i class="fas fa-chevron-right fa-fw"></i
              ></a>
            </div>
          </nav>
        </div>

        <!-- 个人信息 -->
        <div class="aside-content" id="aside-content">
          <div class="card-widget card-info">
            <div class="is-center">
              <div class="avatar-img">
                <img src="./assets/avatar.jpg" class="entered loaded" />
              </div>
              <div class="author-info__name">浪客剑心</div>
              <div class="author-info__description">轻风碎月 静夜凝思</div>
            </div>
            <div class="card-info-data is-center">
              <div class="card-info-data-item">
                <a href="javascript:void(0);"
                  ><div class="headline">文章</div>
                  <div class="length-num">47</div></a
                >
              </div>
              <div class="card-info-data-item">
                <a href="javascript:void(0);"
                  ><div class="headline">标签</div>
                  <div class="length-num">57</div></a
                >
              </div>
              <div class="card-info-data-item">
                <a href="javascript:void(0);"
                  ><div class="headline">分类</div>
                  <div class="length-num">27</div></a
                >
              </div>
            </div>
            <a id="card-info-btn" href="javascript:void(0);"
              ><i class="fab fa-github"></i><span>Follow Me</span></a
            >
          </div>
          <div class="sticky_layout">
            <div class="card-widget card-recent-post">
              <div class="item-headline">
                <i class="fas fa-history"></i><span>最新文章</span>
              </div>
              <div class="aside-list">
                <div class="aside-list-item">
                  <a
                    class="thumbnail"
                    href="javascript:void(0);"
                    title="《卓有成效的工程师》摘录"
                    ><img
                      src="./assets/article.jpg"
                      alt="《卓有成效的工程师》摘录"
                      class="entered loaded"
                  /></a>
                  <div class="content">
                    <a
                      class="title"
                      href="javascript:void(0);"
                      title="《卓有成效的工程师》摘录"
                      >《卓有成效的工程师》摘录</a
                    ><time
                      datetime="2023-09-04T12:48:53.000Z"
                      title="发表于 2023-09-04 20:48:53"
                      >2023-09-04</time
                    >
                  </div>
                </div>
                <div class="aside-list-item">
                  <a
                    class="thumbnail"
                    href="javascript:void(0);"
                    title="《原则》摘录"
                    ><img
                      src="./assets/article.jpg"
                      alt="《原则》摘录"
                      class="entered loaded"
                  /></a>
                  <div class="content">
                    <a
                      class="title"
                      href="javascript:void(0);"
                      title="《原则》摘录"
                      >《原则》摘录</a
                    ><time
                      datetime="2023-06-22T15:36:02.000Z"
                      title="发表于 2023-06-22 23:36:02"
                      >2023-06-22</time
                    >
                  </div>
                </div>
                <div class="aside-list-item">
                  <a
                    class="thumbnail"
                    href="javascript:void(0);"
                    title="《思考，快与慢》摘录"
                    ><img
                      src="./assets/article.jpg"
                      alt="《思考，快与慢》摘录"
                      class="entered loaded"
                  /></a>
                  <div class="content">
                    <a
                      class="title"
                      href="javascript:void(0);"
                      title="《思考，快与慢》摘录"
                      >《思考，快与慢》摘录</a
                    ><time
                      datetime="2023-04-25T15:36:54.000Z"
                      title="发表于 2023-04-25 23:36:54"
                      >2023-04-25</time
                    >
                  </div>
                </div>
                <div class="aside-list-item">
                  <a
                    class="thumbnail"
                    href="javascript:void(0);"
                    title="《异类：不一样的成功启示录》摘录"
                    ><img
                      src="./assets/article.jpg"
                      alt="《异类：不一样的成功启示录》摘录"
                      class="entered loaded"
                  /></a>
                  <div class="content">
                    <a
                      class="title"
                      href="javascript:void(0);"
                      title="《异类：不一样的成功启示录》摘录"
                      >《异类：不一样的成功启示录》摘录</a
                    ><time
                      datetime="2023-04-19T15:01:41.000Z"
                      title="发表于 2023-04-19 23:01:41"
                      >2023-04-19</time
                    >
                  </div>
                </div>
              </div>
            </div>
            <div class="card-widget card-categories">
              <div class="item-headline">
                <i class="fas fa-folder-open"></i>
                <span>分类</span>
                <a
                  class="card-more-btn"
                  href="javascript:void(0);"
                  title="查看更多"
                >
                  <i class="fas fa-angle-right"></i
                ></a>
              </div>
              <ul class="card-category-list" id="aside-cat-list">
                <li class="card-category-list-item">
                  <a class="card-category-list-link" href="javascript:void(0);"
                    ><span class="card-category-list-name">Booknote</span
                    ><span class="card-category-list-count">11</span></a
                  >
                  <ul class="card-category-list child">
                    <li class="card-category-list-item">
                      <a
                        class="card-category-list-link"
                        href="javascript:void(0);"
                        ><span class="card-category-list-name">专业技能</span
                        ><span class="card-category-list-count">2</span></a
                      >
                    </li>
                    <li class="card-category-list-item">
                      <a
                        class="card-category-list-link"
                        href="javascript:void(0);"
                        ><span class="card-category-list-name">人际交往</span
                        ><span class="card-category-list-count">1</span></a
                      >
                    </li>
                    <li class="card-category-list-item">
                      <a
                        class="card-category-list-link"
                        href="javascript:void(0);"
                        ><span class="card-category-list-name">原则</span
                        ><span class="card-category-list-count">1</span></a
                      >
                    </li>
                    <li class="card-category-list-item">
                      <a
                        class="card-category-list-link"
                        href="javascript:void(0);"
                        ><span class="card-category-list-name">史记</span
                        ><span class="card-category-list-count">1</span></a
                      >
                    </li>
                    <li class="card-category-list-item">
                      <a
                        class="card-category-list-link"
                        href="javascript:void(0);"
                        ><span class="card-category-list-name">学习能力</span
                        ><span class="card-category-list-count">1</span></a
                      >
                    </li>
                    <li class="card-category-list-item">
                      <a
                        class="card-category-list-link"
                        href="javascript:void(0);"
                        ><span class="card-category-list-name">工程师</span
                        ><span class="card-category-list-count">1</span></a
                      >
                      <ul class="card-category-list child">
                        <li class="card-category-list-item">
                          <a
                            class="card-category-list-link"
                            href="javascript:void(0);"
                            ><span class="card-category-list-name">效能</span
                            ><span class="card-category-list-count">1</span></a
                          >
                        </li>
                      </ul>
                    </li>
                  </ul>
                </li>
              </ul>
            </div>
          </div>
        </div>
      </main>

      <!-- 版权 -->
      <footer id="footer">
        <div id="footer-wrap">
          <div class="copyright">Copyright © 2024 师大云技术有限公司</div>
          <div class="framework-info">
            <span>Powered by .NET 5.0 on Kubernetes</span>
          </div>
        </div>
      </footer>
    </div>

    <div id="rightside">
      <div id="rightside-config-show">
        <button id="rightside_config" type="button" title="设置">
          <i class="fas fa-cog fa-spin"></i></button
        ><button id="go-up" type="button" title="回到顶部">
          <i class="fas fa-arrow-up"></i>
        </button>
      </div>
    </div>

    <!-- 插件加载 -->
    <!-- 彩虹背景 -->
    <script
      defer="defer"
      id="ribbon"
      src="./js/canvas-ribbon.min.js"
      size="150"
      alpha="0.6"
      zindex="-1"
      mobile="false"
      data-click="true"
    ></script>
    <script type="text/javascript">
      // 点击向下滚动屏幕高度
      document.querySelector(".scroll-down-effects").onclick = function fn(e) {
        window.scrollTo({
          top: document.querySelector("header").offsetHeight,
          behavior: "smooth",
        });
      };
      // 点击滚动回到顶部
      document.querySelector("#go-up").onclick = function fn() {
        window.scrollTo({
          top: 0,
          behavior: "smooth",
        });
      };

      Array.from(document.querySelectorAll(".article-title")).forEach(
        (elem) => {
          elem.onclick = function () {
            location.href = "/article.html";
          };
        }
      );

      var typed = new Typed("#site-title", {
        strings: [
          `Welcome to HZNU's blog, `,
          `の Tiny Home!🤣🤣🤣`
        ],
        typeSpeed: 50,
        backSpeed: 60,
        loop: true,
        // cursorChar: '🔥',
        // cursorChar: '🌈',
      });
    </script>
  </body>
</html>
